﻿<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>表白网页</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<style type="text/css">
			@font-face {
				font-family: digit;
				src: url('digital-7_mono.ttf') format("truetype");
			}

			<audio src="/music1.mp3"autoplay="autoplay">
		</style>
		<link href="style/default.css" type="text/css" rel="stylesheet">
		<script type="text/javascript" src="style/jquery.js"></script>
		<script type="text/javascript" src="style/garden.js"></script>
		<script type="text/javascript" src="style/functions.js"></script>
	</head>
	<body>
		<iframe src="bg.html" frameborder="0" width="100%" height="100%" style="z-index: -1; width: 100%; position: fixed;"></iframe>
		<div id="mainDiv">
			<div id="content">
				<div id="code">
					<p><span class="comments">/**</span><br />
						<span class="space" /><span class="comments">*宝贝我爱你,</span><br />
						<span class="space" /><span class="comments">* 今天就要跨年啦，特意做了这个礼物送给你.</span><br />
						<span class="space" /><span class="comments">*/</span><br />
						<span class="comments">// 不知不觉间,我们已经认识七年了</span><br />
						<br />
						<span class="comments">// 七年的时间里我们经历了许多事</span><br />
					</p>
					<p><span class="comments">// 有欢笑·有争吵也有泪水.</span><br />
					</p>
					<p><span class="comments">// 不过好在,我们中间虽然经历了不少波折,最终还是重逢了.</span><br />
						<br />
						<span class="comments">// 正所谓"百年修得同船渡,千年修得共枕眠"</span><br />
					</p>
					<p><span class="comments">// 既然时隔两年,我们依旧可以再续前缘.这就说明上天让我们好好珍惜彼此</span><br />
						<br />
						<span class="comments">// 在新的一年里,我会改掉之前的问题,对你的事情更加上心，</span>
					</p>
					<p><span class="comments">// 2023将至,希望你开心快乐，</span></p>
					<p><span class="comments">// 当然也要更加爱我哦</span><br />
						<br />
						<span class="comments">//小傻瓜,我们一起迎接新的一年吧~</span><br />
					</p>

				</div>
				<div id="loveHeart">
					<canvas id="garden"></canvas>
					<div id="words">
						<div id="messages">
							<center>
								小傻瓜
							</center>
							新的一年要快乐哦
							<div id="elapseClock" style="display:none"></div>
							<a href='index2.html' id="accept">点击这里看看</a>
						</div>
						<div id="loveu">
							爱你，岁岁年年。<br />
							<div class="signature">- </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="bg1">
			<div class="main">
				<footer style="line-height:20px">
					<div id="copyright">
						<a href='' target="_blank"></a>

						</object>
					</div>
			</div>
		</div>
		</div>


		<script type="text/javascript">
			var offsetX = $("#loveHeart").width() / 2;
			var offsetY = $("#loveHeart").height() / 2 - 55;

			if (!document.createElement('canvas').getContext) {
				var msg = document.createElement("div");
				msg.id = "errorMsg";
				msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
				document.body.appendChild(msg);
				$("#code").css("display", "none")
				$("#copyright").css("position", "absolute");
				$("#copyright").css("bottom", "10px");
				document.execCommand("stop");
			} else {
				setTimeout(function() {
					adjustWordsPosition();
					startHeartAnimation();
				}, 10000);

				$("#accept").click(function() {
					$(this).hide();
					$("#elapseClock").show();
					var together = new Date();
					timeElapse(together);
					setInterval(function() {
						timeElapse(together);
					}, 500);
				})
				adjustCodePosition();
				$("#code").typewriter();
			}
		</script>
	</body>
	<audio id="bgmMusic" src="http://qzone.haoduoge.com/music/C2C3F0LSXH4D771253124A26CF9C71C939B2A.mp3" preload="auto"
		type="audio/mp3" autoplay loop></audio>
</html>
